import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const routes = [
	{
		path: '/',
		name: 'home',
		redirect: '/buttondemo'
	},
	{
		path: '/buttondemo',
		name: 'ButtonDemo',
		component: () => import( /* webpackChunkName: "ButtonDemo" */ '../views/demos/ButtonDemo.vue')
	},
	{
		path: '/icondemo',
		name: 'IconDemo',
		component: () => import( /* webpackChunkName: "IconDemo" */ '../views/demos/IconDemo.vue')
	},
	{
		path: '/toastdemo',
		name: 'ToastDemo',
		component: () => import( /* webpackChunkName: "ToastDemo" */ '../views/demos/ToastDemo.vue')
	},
	{
		path: '/radiodemo',
		name: 'RadioDemo',
		component: () => import( /* webpackChunkName: "RadioDemo" */ '../views/demos/RadioDemo.vue')
	},
	{
		path: '/checkboxdemo',
		name: 'CheckBoxDemo',
		component: () => import( /* webpackChunkName: "CheckboxDemo" */ '../views/demos/CheckBoxDemo.vue')
	},
	{
		path: '/inputdemo',
		name: 'InputDemo',
		component: () => import( /* webpackChunkName: "InputDemo" */ '../views/demos/InputDemo.vue')
	},
	{
		path: '/droplistdemo',
		name: 'DroplistDemo',
		component: () => import( /* webpackChunkName: "DroplistDemo" */ '../views/demos/DroplistDemo.vue')
	},
	{
		path: '/uploaddemo',
		name: 'UploadDemo',
		component: () => import( /* webpackChunkName: "UploadDemo" */ '../views/demos/UploadDemo.vue')
	},
	{
		path: '/imagedemo',
		name: 'ImageDemo',
		component: () => import( /* webpackChunkName: "ImageDemo" */ '../views/demos/ImageDemo.vue')
	},
	{
		path: '/popupdemo',
		name: 'PopupDemo',
		component: () => import( /* webpackChunkName: "PopupDemo" */ '../views/demos/PopupDemo.vue')
	},
	{
		path: '/loadingdemo',
		name: 'LoadingDemo',
		component: () => import( /* webpackChunkName: "LoadingDemo" */ '../views/demos/LoadingDemo.vue')
	},
	{
		path: '/stepperdemo',
		name: 'StepperDemo',
		component: () => import( /* webpackChunkName: "StepperDemo" */ '../views/demos/StepperDemo.vue')
	},
	{
		path: '/sliderdemo',
		name: 'SliderDemo',
		component: () => import( /* webpackChunkName: "SliderDemo" */ '../views/demos/SliderDemo.vue')
	},
	{
		path: '/dialogdemo',
		name: 'DialogDemo',
		component: () => import( /* webpackChunkName: "DialogDemo" */ '../views/demos/DialogDemo.vue')
	},
	{
		path: '/switchdemo',
		name: 'SwitchDemo',
		component: () => import( /* webpackChunkName: "SwitchDemo" */ '../views/demos/SwitchDemo.vue')
	},
	{
		path: '/datePickerdemo',
		name: 'DatePickerDemo',
		component: () => import( /* webpackChunkName: "DatePickerDemo" */ '../views/demos/DatePickerDemo.vue')
	},
	{
		path: '/timePickerdemo',
		name: 'TimePickerDemo',
		component: () => import( /* webpackChunkName: "TimePickerDemo" */ '../views/demos/TimePickerDemo.vue')
	},
	{
		path: '/cascaderdemo',
		name: 'CascaderDemo',
		component: () => import( /* webpackChunkName: "CascaderDemo" */ '../views/demos/CascaderDemo.vue')
	},
	{
		path: '/swiperdemo',
		name: 'SwiperDemo',
		component: () => import( /* webpackChunkName: "SwiperDemo" */ '../views/demos/SwiperDemo.vue')
	},
	{
		path: '/ratedemo',
		name: 'RateDemo',
		component: () => import( /* webpackChunkName: "RateDemo" */ '../views/demos/RateDemo.vue')
	},
	{
		path: '/dividerdemo',
		name: 'DividerDemo',
		component: () => import( /* webpackChunkName: "DividerDemo" */ '../views/demos/DividerDemo.vue')
	},
	{
		path: '/badgedemo',
		name: 'BadgeDemo',
		component: () => import( /* webpackChunkName: "BadgeDemo" */ '../views/demos/BadgeDemo.vue')
	},
]

const router = new VueRouter({
	routes
})

export default router
